<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="UC_style.css">
<style>

.main{
	width:83%;
	height:800px;
	background:white;
	float:right;
}
.div_button{
	width:100%;
	background:RGB(30,35,45);
	float:left;
	text-align:center;
	display:none;
}
.iframe1{
	width:100%;
	height:800px;
	background:white;
	float:left;
}
</style>
</head>
<body>
	<div class="left">
		<h1>车辆管理系统后台</h1>
		<form action="">	
			<input type="button" class="button1" id="用油管理" name="用油管理" value="用油管理"onclick="button('用油管理')"><br/>
			<input type="button" class="button2" id="车辆油耗统计" name="车辆油耗统计" value="车辆油耗统计" style="display:none; "onclick="ChangePage('车辆油耗统计')">

			<input type="button" class="button1" id="财务管理" name="财务管理" value="财务管理"onclick="button('财务管理')"><br/>
			<input type="button" class="button2" id="车辆费用统计"name="车辆费用统计"value="车辆费用统计"    style="display:none;"onclick="ChangePage('车辆费用统计')">
			<input type="button" class="button2" id="司机报销" name="司机报销" value="司机报销" style="display:none;"onclick="ChangePage('司机报销')">
			<input type="button" class="button2" id="发票申请" name="发票申请" value="发票申请" style="display:none;"onclick="ChangePage('发票申请')">
			<input type="button" class="button2" id="发票打印" name="发票打印" value="发票打印" style="display:none;"onclick="ChangePage('发票打印')">
		</form>
	</div>
	
	<div class="main">
		<div id="header1"></div>
		
		<iframe id="iframe1" class="iframe1" name="" src="G-reimbursement.jsp" >	</iframe>
	</div>

<script type="text/javascript">
	function button(a){
		if(a=="用油管理")
		{
			if (document.getElementById("车辆油耗统计").style.display=="none")   
			{    
				document.getElementById("车辆油耗统计").style.display="block"; 
				document.getElementById("用油管理").style.backgroundColor="RGB(38,169,226)";
			}  
			else
			{
				document.getElementById("车辆油耗统计").style.display="none"; 
				document.getElementById("用油管理").style.backgroundColor="RGB(46,54,62)";
			}	
		
		}
		if(a=="财务管理")
		{
			if (document.getElementById("车辆费用统计").style.display=="none")   
			{   
				document.getElementById("车辆费用统计").style.display="block";
				document.getElementById("司机报销").style.display="block"; 
				document.getElementById("发票申请").style.display="block";
				document.getElementById("发票打印").style.display="block";
				document.getElementById("财务管理").style.backgroundColor="RGB(38,169,226)";
			}  
			else
			{
				document.getElementById("车辆费用统计").style.display="none";
				document.getElementById("司机报销").style.display="none";
				document.getElementById("发票申请").style.display="none";
				document.getElementById("发票打印").style.display="none"; 
				document.getElementById("财务管理").style.backgroundColor="RGB(46,54,62)";
			}	
		
	}
	}
	
	function ChangePage(a)
	{
		if(a=="发票申请")
			document.getElementById("iframe1").src='G-application.jsp';
		else if(a=="司机报销")
			document.getElementById("iframe1").src='G-reimbursement.jsp';
		else if(a=="车辆油耗统计")
			document.getElementById("iframe1").src='G-Car_Fuel.jsp';
		else if(a=="车辆费用统计")
			document.getElementById("iframe1").src='G-Car_expenses.jsp';
		else if(a=="发票打印")
			document.getElementById("iframe1").src='G-print.jsp';
	}
</script>
</body>
</html>